import React from 'react';
import { Button, Collapse, List, Typography } from '@douyinfe/semi-ui';
const aboutStyle = {
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'var(--semi-color-bg-0)', // Follow software color setting
    padding: '20px',
    borderRadius: '10px',
    boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
    width: '90%',
    margin: 'auto',
    marginTop: '90px',
    color: 'var(--semi-color-text-0)', // Follow software color setting
};

export default function About() {
    return (
        <div style={aboutStyle as React.CSSProperties}>
            <div style={{ marginTop: '20px' }}>
                <h2 style={{ color: 'var(--semi-color-text-0)' }}>关注企鹅不迷路</h2>
            </div>
            <div style={{ marginTop: '20px', textAlign: 'center' }}>
                <img src="img/douyin.jpg" alt="QR Code" style={{ width: '150px', height: '150px' ,marginRight: '20px'}} />
                <img src="img/wechat.jpg" alt="QR Code" style={{ width: '150px', height: '150px' }} />
                <p style={{ color: 'var(--semi-color-text-1)' }}>关注抖音获取更多实用软件</p>
            </div>
        </div>
    );
}